<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>奥凯航空::登录</title>
    <link rel="stylesheet" href="js/bower_components/bootstrap/dist/css/bootstrap.min.css">
    <script src="js/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="js/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
   <script>
 	$(function(){
 		$("#btnSubmit").click(function(){
 			console.log("登录点击事件")
 			var uid=$("#uid").val()
 			if(uid.length>3){
 				location.href="html/index.html"
 			}else{
 				alert("用户名长度必须大于3！")
 			}
 		});
 		$("#btnReset").click(function(){
 			$("#uid").val("")
 			$("#pwd").val("")
 		})
 	})
 </script>

</head>
<body>
   <div class="container">
     <div class="row col-md-12">
      <div class="row col-md-3"></div>
      <div class="row col-md-6">
       <div class="panel panel-primary" style="margin-top: 150px;">
        <div class="panel-heading"><strong>奥凯航空管理系统</strong></div>
        <div class="panel-body">
         <div class=input-group>
          <span class="input-group-addon" id="basic-addon1">用户名</span>
          <input type="text" id="uid" class="form-control" />
      </div>
      <br />
      <div class=input-group>
       <span class="input-group-addon" id="basic-addon1">密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
       <input type="password" id="pwd" class="form-control" />
      </div>
      <br />
      <div class="btn-group-lg text-right">
       <button id="btnSubmit" type="button" class="btn btn-success">登录</button>
       <button id="btnReset" type="button" class="btn btn-dager">重置</button>
      </div>
     </div>
    </div>
   </div>
   <div class="row col-md-3"></div>
  </div>
 </div>

</body>
</html>